<template>
  <div class="Home">
    <Kline />
    <el-row style="margin-top: 40px; padding-bottom: 70px" :gutter="20">
      <el-col class="mt_10" :xs="24" :sm="12" :md="8">
        <!-- 指数 -->
        <ExponentTap />
      </el-col>
      <el-col class="mt_10" :xs="24" :sm="12" :md="8">
        <!-- 涨停潮 -->
        <HardenTideTap />
      </el-col>
      <el-col class="mt_10" :xs="24" :sm="12" :md="8">
        <!-- 报警 -->
        <AlarmTap />
      </el-col>
    </el-row>
  </div>
</template>

<script setup>
import ExponentTap from "./components/ExponentTap";
import HardenTideTap from "./components/HardenTideTap";
import AlarmTap from "./components/AlarmTap";
import Kline from "./components/Kline";
import { useRoute } from "vue-router";
import { onMounted, ref, watch } from "vue";
</script>
<style lang="scss" scoped>
.Home {
  height: 100%;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .Home {
    height: auto;
    padding-bottom: 60px;
  }
}
</style>
